@font-face {
    font-family: 'iconfont';
    src: url('css/iconfont.woff2?t=2003238') format('woff2'),url('fonts/iconfont.woff?t=2003238') format('woff'),url('fonts/iconfont.ttf?t=2003238') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    ssbackground-color:#FFF;
}

red{  color:red; }
blue{ color:blue; }
green{ color:green; }
orange{ color:orange; }
purple{ color:purple; }



.defIco1{
    width: 100%;
    height: 100%;
    text-align: center;
    margin: auto auto;
    /* margin-top: 10px; */
    /* border: 1px solid blue; */
    background-color: #999;
    color: #FFF;
    font-size: 12px;
    padding-top: 3px;
    background-image: linear-gradient(to bottom right, rgb(0 182 198 / 85%), rgb(244 250 86 / 6%));
} 
.defIco2{
    display: flex;
    height:192px;
    font-size:80px;
    align-items: center; /* 使子元素垂直居中 */
    justify-content: center; /* 使子元素水平居中 */
    padding-top:0px;
    background-image: linear-gradient(to bottom right, rgb(0 182 198), rgb(244 250 86));
    border-radius: 15px;
}
.mt1{
    margin-top:3px;
}
.mt10{
    margin-top:10px;
}
.noPOS{
    position: relative;
    min-height: 192px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom right, rgb(0 182 198 / 19%), rgb(244 250 86 / 6%));
    padding:13px;
}
/*新版用的*/
.noPOS2{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
/*热门搜索*/
.hotSearch{
    flex-wrap: wrap !important;
    display: flex !important

}
.hotSearch>a{
    width:auto;
} 
.link-box {
    border: 1px solid #ededed;
    border-radius: 30px;
    padding: 5px 8px;
    color: #fff;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.link-box span {
    font-size: 0.6rem;
    margin-left: 5px;
    color: #eee;
}
.link-box:hover {
    border-color: #0064fa;
    background-color: #f5f5f5;
    color: #333;
}
.link-box:hover span {
    color: #333;
}

.link-box-1 {
    background-color: #007bff;
}

.link-box-2 {
    color: #212529;
    background-color: #ffc107;
}
.link-box-3 {
    background-color: #28a745;
}
.link-box-4 {
    background-color: #6c757d;
}
.link-box-5 {
    background-color: #17a2b8;
}
.link-box-6 {
    background-color: #dc3545;
}
.link-box-7 {
    background-color: #343a40;
}
/*回到顶部*/
@media screen and (max-width: 1240px){
    a.backtotop {
        width: 36px;
        height: 36px;
        margin: auto;
        line-height: 36px;
        right: 10px;
        bottom: 30px;
        left: auto;
    }
}
a.backtotop {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    cursor: pointer;
    opacity: .8;
    background: rgba(10,10,10,0.2);
    overflow: hidden;
    position: fixed;
    _position: absolute;
    right: 6px;
    bottom: 30px;
    _bottom: 30px;
    z-index: 99;
}
a.backtotop:hover{ background-color:rgb(22 175 235); }
a.backtotop i::after {
    content: "\e600";
    font-size: 32px;
    color: #fff;
    font-family: iconfont;
}
.lazynum {
    /* padding: 0 10px; */
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    border-radius: 10px;
    /* border-bottom-left-radius: 10px; */
    background: rgba(0,0,0,0.2);
    position: fixed;
    right: 3px;
    bottom: 5px;
    z-index: 99;
    width: 50px;
    text-align: center;
}
/*===========分页===============*/
.emaoPage{ text-align:center;  margin-top:30px;}
.emaoPage ol {
  display: inline-block;
  padding: 0;
  list-style-type: none;
  margin:0 auto;
}
 
.emaoPage li {
  display: inline;
  margin-right: 5px;
}
 
.emaoPage a {
  padding: 8px 13px;
  text-decoration: none;
  background: #f0f0f0;
  color: #333;
  border: 1px solid #ddd;
  border-radius:5px;
}
 
.emaoPage a:hover {
  background: #ddd;
  color: #000;
}
 
.emaoPage li.active a {
  background: #007bff;
  color: white;
}

.emaoPage li.current a {
  background: #00c0c1;
  color: white;
}
 
.emaoPage li.previous a,
.emaoPage li.next a {
  padding: 5px 15px;
}

.emaoPage ol.page-navigator li.prev a,
.emaoPage ol.page-navigator li.next a {color:#FFF; background: #2f2f2f; }

/*======== 内容页图片 ===========*/
.thumbImg{
    margin: 0 auto;
    display: block;
    padding: 15px;
    width: 100%;
    max-width: 100%;         /* 限制不超过容器宽度 */
    max-height: 100%;        /* 限制不超过容器高度 */
    object-fit: contain;     /* 保持图片比例 */
}
.thumbWide{
    height: 100%;
    width:100%;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, rgb(0 182 198 / 19%), rgb(244 250 86 / 6%));
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1; /* 保持1:1宽高比 */
}
.ad1{
    padding: 20px;
    background-color: #1a1a2e;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding: 15px;
    font-size: 22px;
    border-radius: 8px;
    background: linear-gradient(185deg, rgb(244, 59, 71), rgb(69, 58, 148));
}
.ad1 a{
    color:#FFF;
}
.ad2{
    padding: 20px;
    background-color: #1a1a2e;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding: 15px;
    font-size: 22px;
    border-radius: 8px;
    background: linear-gradient(210deg, rgb(9, 32, 63), rgb(83, 120, 149));
}
.ad2 a{
    color:#FFF;
}
.ad3{}
.ad4{}
.ad5{}
.ad6{}
.ad7{}
.ad8{}
.ad9{}
.ad10{}



.post-content img{
    border-radius:10px;
    padding: 10px;
    display: block;
    margin: 0 auto;
    background-image: linear-gradient(to bottom right, rgb(0 182 198), rgb(244 250 86));
}
/*=========== 内容页－浏览次数===========*/
.view-div{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0.625rem 0;
    text-align: center!important;
}
.view-a{
    display: block;
    width: 55px;
    height: 55px;
    color: #424446 !important;
    background-color: rgb(250 250 250 / 68%) !important;
    border: 1px solid #d1d1d1;
    border-radius: 50%!important;
    margin:0 auto;
    
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.view-span{
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-direction: column;
    padding-top: 8px;
    font-size:16px;
}
.view-i{
    font-size: 1.333rem;
    line-height: 1.333rem;
    vertical-align: -0.0667em;
    
}
/*============内容页_头部==========*/
.c_h_div{
    
}
.c_h_l{
    
}
.c_h_r{
    
}
.c_h_category{
    margin-top:10px;
}
.c_h_category a{

    margin-right:10px;
    display:block-inline;
    padding:4px 7px;
    border-radius:5px;
    background-color:#f1404b;
    color:#FFF;
}
h1.chr{
    font-size: 1.5rem!important;;
    margin-top:10px;
}
.c_h_r>span{
    display:block;
    margin-top:10px;
    font-size:16px;
}
.tags2{
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 0 0.8rem;
    flex-direction: row;
}
.m-share{
    display: flex;
    align-items: center;
}
.btns_1{
    margin-top:15px;
}
.btns_2{
    margin-top:10px;
}
.btns_1 .iconfont,
.btns_2 .iconfont{
    font-size: 20px;
}
.w-192{
    width:280px;
}
.post-other-style{
    max-width:1200px;
}

/*===========友情链接==========*/
.links {
    
}
.links li{
    display:inline-block;
    margin: 10px 15px;
}
.links li a:hover{
    color:#660000;
}
/*============热门排行榜***************/
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-1, .mx-1 {
    margin-right: 0.25rem!important;
}
.overflowClip_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    word-break: break-all;
}

/*****************  首页广告  *****************/
 .tech-button {
    background: #666 url('/img/ad1.png') no-repeat center center/cover;
    border: none;
    color: white;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 25px;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease;
    padding:1.8rem 0;
}
 .tech-button a{ color:white; transition: letter-spacing 0.2s ease-in-out; }
 .tech-button a:hover{ letter-spacing:5px; }
 
.bt_bg1{ background-image:url('/img/ad1.png'); }
.bt_bg2{ background-image:url('/img/ad2.png'); }
.bt_bg3{ background-image:url('/img/ad3.png'); }
.bt_bg4{ background-image:url('/img/ad4.png'); }
.bt_bg5{ background-image:url('/img/ad5.png'); }
.bt_bg6{ background-image:url('/img/ad6.png'); }
.bt_bg7{ background-image:url('/img/ad7.png'); }
.bt_bg8{ background-image:url('/img/ad8.png'); }

/* 搜索栏自定义样式 */
.nav-tabs .nav-link.active  {
    background-color: #04adad;
    color: white !important;
}
.nav-tabs .nav-link{ color:#000; padding: 0.5rem 0.8rem; border:0px; }

#searchButton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-width: 100px;
}
.form-control-lg {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.post .searchCard{
    padding:1.5rem;
    background:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.3)), /* 半透明白色层 */ url(/img/searchbg1.jpg) center/cover;
}
.ml-10{ margin-left:10px; }



/* 评论区 */
.commentTips{
    padding: 0px 10px 10px 10px;
    font-size: 1.2rem;
}
.comment-header{
    background-color: #EFEFEF;
    margin: 0px 10px;
    padding: 10px 15px;
    font-size: 18px;
}
.comment-body{
    margin: 0px 10px;
    padding: 15px 10px;
    font-size: 18px;
}
.commentBtn{
    text-align:right;
}
.comment-body input{
    border:1px solid #c9c9c9;
    margin-bottom: 10px;
}
.comment-body textarea{
    border:1px solid #c9c9c9;
    padding: 5px 10px;
    border-radius:7px;
}

.comment-author{
    color:#666;
}
.comment-author a{
    font-size:12px;
    color:#999;
}

.comment-content{
    display: flex;
    margin-left: 5px;
    margin-top: 5px;
    border: 1px dashed #DDD;
    padding: 10px;;
}
.comment-content a{
    margin-left:10px;
    color:#0000DD;
}
.comment-fast-wide{
    padding-right: 12px;
}
.comment-fast-wide>*{
    padding-right:0px;
}
.comment-fast{
    border:1px dashed #7d7d7d;
    background-color:#fdfde5;
    border-radius:6px;
    padding:5px 10px;
    margin:3px 0px;
    font-size: 16px;
    cursor: pointer;
}
.comment-fast:hover{
    background-color:#FFF;
}

/* 评论分页基础样式 */
.page-navigator {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 10px 0px 20px 0px
    flex-wrap: wrap;
}

.page-navigator li {
    margin: 0 5px;
    display: inline-block;
}

.page-navigator li a,
.page-navigator li span {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    transition: all 0.3s ease;
    line-height: 1;
}

/* 当前页样式 */
.page-navigator li.current a,
.page-navigator li.current span {
    background-color: #007cba;
    color: white;
    border-color: #007cba;
}

/* 上一页/下一页样式 */
.page-navigator li.prev a,
.page-navigator li.next a {
    background-color: #f8f9fa;
    font-weight: bold;
}

/* 悬停效果 */
.page-navigator li a:hover {
    background-color: #f0f0f0;
    border-color: #ccc;
}

.page-navigator li.current a:hover {
    background-color: #0069a3;
    border-color: #0069a3;
}

/* 省略号样式 */
.page-navigator li span {
    border: none;
    padding: 8px 6px;
    color: #999;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .page-navigator {
        padding: 15px 0;
    }
    
    .page-navigator li {
        margin: 2px;
    }
    
    .page-navigator li a,
    .page-navigator li span {
        padding: 6px 10px;
        font-size: 13px;
    }
}









/* 广告条背景样式定义 */
/* 广告条背景样式定义 */
/* 广告条背景样式定义 */
        /* 1. 钻石纹理背景 */
        .diamond-texture {
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.2) 2px, transparent 2px),
                radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.15) 1px, transparent 1px),
                radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1) 3px, transparent 3px);
            background-size: 40px 40px, 30px 30px, 50px 50px;
        }
        
        /* 2. 四色渐变 */
        .four-color-gradient {
            background: linear-gradient(45deg, #ff9a9e, #fad0c4, #a18cd1, #fbc2eb);
            background-size: 400% 400%;
            animation: gradientShift 8s ease infinite;
        }
        
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        /* 3. 几何钻石 */
        .geometric-diamond {
            background-color: #0f3460;
            background-image: 
                linear-gradient(30deg, #e94560 12%, transparent 12.5%, transparent 87%, #e94560 87.5%, #e94560),
                linear-gradient(150deg, #e94560 12%, transparent 12.5%, transparent 87%, #e94560 87.5%, #e94560),
                linear-gradient(30deg, #e94560 12%, transparent 12.5%, transparent 87%, #e94560 87.5%, #e94560),
                linear-gradient(150deg, #e94560 12%, transparent 12.5%, transparent 87%, #e94560 87.5%, #e94560),
                linear-gradient(60deg, rgba(233, 69, 96, 0.5) 25%, transparent 25.5%, transparent 75%, rgba(233, 69, 96, 0.5) 75%, rgba(233, 69, 96, 0.5)),
                linear-gradient(60deg, rgba(233, 69, 96, 0.5) 25%, transparent 25.5%, transparent 75%, rgba(233, 69, 96, 0.5) 75%, rgba(233, 69, 96, 0.5));
            background-size: 80px 140px;
            background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
        }
        
        /* 4. 蓝紫钻石渐变 */
        .blue-purple-diamond {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            position: relative;
            overflow: hidden;
        }
        
        .blue-purple-diamond::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: 
                linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%),
                linear-gradient(-45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
            background-size: 60px 60px;
            transform: rotate(30deg);
        }
        
        /* 5. 霓虹钻石 */
        .neon-diamond {
            background: linear-gradient(45deg, #ff00cc, #333399);
            background-image: 
                linear-gradient(90deg, transparent 49%, rgba(255, 255, 255, 0.2) 50%, transparent 51%),
                linear-gradient(transparent 49%, rgba(255, 255, 255, 0.2) 50%, transparent 51%);
            background-size: 40px 40px;
        }
        
        /* 6. 宝石切割效果 */
        .gem-cut {
            background: linear-gradient(135deg, #12c2e9, #c471ed, #f64f59);
            position: relative;
            overflow: hidden;
        }
        
        .gem-cut::after {
            content: '';
            position: absolute;
            width: 200%;
            height: 200%;
            top: -50%;
            left: -50%;
            background: 
                linear-gradient(45deg, transparent 45%, rgba(255, 255, 255, 0.1) 50%, transparent 55%),
                linear-gradient(-45deg, transparent 45%, rgba(255, 255, 255, 0.1) 50%, transparent 55%);
            background-size: 80px 80px;
            transform: rotate(20deg);
        }
        
        /* 7. 三色对角线渐变 */
        .tri-color-diagonal {
            background: linear-gradient(45deg, #FF416C, #FF4B2B, #FF416C, #FF4B2B, #FF416C);
            background-size: 400% 400%;
            animation: gradientShift 6s ease infinite;
        }
        
        /* 8. 钻石网格 */
        .diamond-grid {
            background-color: #16213e;
            background-image: 
                linear-gradient(45deg, #0f3460 25%, transparent 25%, transparent 75%, #0f3460 75%, #0f3460),
                linear-gradient(45deg, #0f3460 25%, transparent 25%, transparent 75%, #0f3460 75%, #0f3460);
            background-size: 60px 60px;
            background-position: 0 0, 30px 30px;
        }
        
        /* 9. 粉彩钻石 */
        .pastel-diamond {
            background: linear-gradient(135deg, #a1c4fd, #c2e9fb);
            background-image: 
                radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.3) 0%, transparent 20%),
                radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 0.3) 0%, transparent 20%),
                radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.2) 0%, transparent 30%);
        }
        
        /* 10. 金色钻石 */
        .gold-diamond {
            background: linear-gradient(135deg, #FDB931, #FFD700);
            background-image: 
                linear-gradient(30deg, rgba(255, 255, 255, 0.2) 0%, transparent 30%),
                linear-gradient(-30deg, rgba(255, 255, 255, 0.2) 0%, transparent 30%);
            background-size: 60px 60px;
        }
        
        /* 11. 紫红渐变网格 */
        .magenta-grid {
            background: linear-gradient(135deg, #8A2387, #E94057, #F27121);
            background-image: 
                linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
                linear-gradient(0deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
            background-size: 30px 30px;
        }
        
        /* 12. 海洋钻石 */
        .ocean-diamond {
            background: linear-gradient(135deg, #2193b0, #6dd5ed);
            position: relative;
            overflow: hidden;
        }
        
        .ocean-diamond::before {
            content: '';
            position: absolute;
            width: 200%;
            height: 200%;
            top: -50%;
            left: -50%;
            background-image: 
                radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.2) 2px, transparent 3px),
                radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.15) 1px, transparent 2px),
                radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.1) 1px, transparent 2px);
            background-size: 50px 50px, 80px 80px, 100px 100px;
        }
        
        /* 13. 彩虹钻石 */
        .rainbow-diamond {
            background: linear-gradient(90deg, 
                rgba(255, 0, 0, 0.8) 0%, 
                rgba(255, 154, 0, 0.8) 10%, 
                rgba(208, 222, 33, 0.8) 20%, 
                rgba(79, 220, 74, 0.8) 30%, 
                rgba(63, 218, 216, 0.8) 40%, 
                rgba(47, 201, 226, 0.8) 50%, 
                rgba(28, 127, 238, 0.8) 60%, 
                rgba(95, 21, 242, 0.8) 70%, 
                rgba(186, 12, 248, 0.8) 80%, 
                rgba(251, 7, 217, 0.8) 90%, 
                rgba(255, 0, 0, 0.8) 100%);
            background-image: 
                linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%),
                linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%);
            background-size: 40px 40px;
        }
        
        /* 14. 深空钻石 */
        .deep-space-diamond {
            background: linear-gradient(135deg, #0c0c2e, #1a1a3e);
            background-image: 
                radial-gradient(circle at 20% 30%, rgba(74, 0, 224, 0.5) 0%, transparent 30%),
                radial-gradient(circle at 80% 70%, rgba(0, 200, 255, 0.4) 0%, transparent 30%),
                radial-gradient(circle at 40% 60%, rgba(255, 0, 150, 0.3) 0%, transparent 25%);
        }
        
        /* 15. 绿宝石纹理 */
        .emerald-texture {
            background: linear-gradient(135deg, #00b09b, #96c93d);
            background-image: 
                linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-size: 50px 50px;
        }
        
        /* 16. 钻石光斑 */
        .diamond-glitter {
            background: linear-gradient(135deg, #5a3f8c, #2a2d7c);
            position: relative;
            overflow: hidden;
        }
        
        .diamond-glitter::after {
            content: '';
            position: absolute;
            width: 200%;
            height: 200%;
            top: -50%;
            left: -50%;
            background-image: 
                radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.4) 0%, transparent 2%),
                radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.3) 0%, transparent 3%),
                radial-gradient(circle at 40% 70%, rgba(255, 255, 255, 0.3) 0%, transparent 2%),
                radial-gradient(circle at 60% 40%, rgba(255, 255, 255, 0.4) 0%, transparent 2%);
            animation: glitter 4s linear infinite;
        }
        
        @keyframes glitter {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* 17. 红宝石切割 */
        .ruby-cut {
            background: linear-gradient(135deg, #ff416c, #ff4b2b);
            position: relative;
        }
        
        .ruby-cut::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: 
                linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, transparent 30%),
                linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, transparent 30%);
            background-size: 50px 50px;
            background-position: 0 0, 25px 25px;
        }
        
        /* 18. 紫晶纹理 */
        .amethyst-texture {
            background: linear-gradient(135deg, #9d50bb, #6e48aa);
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.2) 2px, transparent 2px),
                radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
            background-size: 60px 60px, 40px 40px;
        }
        
        /* 19. 钻石棱镜 */
        .diamond-prism {
            background: linear-gradient(45deg, #00C9FF, #92FE9D);
            position: relative;
            overflow: hidden;
        }
        
        .diamond-prism::after {
            content: '';
            position: absolute;
            width: 200%;
            height: 200%;
            top: -50%;
            left: -50%;
            background: 
                linear-gradient(45deg, transparent 45%, rgba(255, 255, 255, 0.3) 50%, transparent 55%),
                linear-gradient(-45deg, transparent 45%, rgba(255, 255, 255, 0.3) 50%, transparent 55%),
                linear-gradient(90deg, transparent 45%, rgba(255, 255, 255, 0.2) 50%, transparent 55%),
                linear-gradient(0deg, transparent 45%, rgba(255, 255, 255, 0.2) 50%, transparent 55%);
            background-size: 100px 100px;
            transform: rotate(15deg);
        }
        
        /* 20. 渐变钻石光晕 */
        .gradient-diamond-glow {
            background: linear-gradient(135deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);
            background-size: 400% 400%;
            animation: gradientShift 10s ease infinite;
            position: relative;
        }
        
        .gradient-diamond-glow::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: 
                radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.3) 0%, transparent 30%),
                radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.2) 0%, transparent 30%);
        }